<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script>			
			window.onresize=function(){				
				window.location.reload()				
			}			
			var widths=document.documentElement.clientWidth;			
			document.documentElement.style.fontSize=widths/25+"px"
		</script>
		<link rel="stylesheet" href="css/new_file.css" />
		<link rel="stylesheet" href="font/iconfont.css" />
		<script src="js/jquery-3.1.1.js"></script>
	</head>
	<body>
		<!---->
		<header>
			<div class="hea-le"><img src="img/logo.png" alt="" /></div>
			<div class="hea-zho">工地直播</div>
			<div class="hea-ri">
				<ul>
					<li><p class="p1"></p><span class="iconfont icon-nav"></span><p>导航</p></li>
					<li><p class="p1"></p><span class="iconfont icon-user"></span><p>我的</p></li>
				</ul>
			</div>
		</header>
		<!---->
		<div class="box">
			<ul>
				<li class="shaixuan"><p>筛选</p><span class="iconfont icon-down"></span></li>
				<li><p>阶段</p><span class="iconfont icon-down"></span></li>
				<li><p>排序</p><span class="iconfont icon-down"></span></li>
				<li><p class="iconfont icon-search" style="font-size: 1.8rem;color: #36C892;"></p></li>
			</ul>
		</div>
		<!---->
		<div class="box1">
			<ul>
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140142.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">戈雅公寓24幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140154.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">中泰阳光城5幢</p></li>
							<li>
								<p class="box-p2">水电工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140207.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">华美4幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140238.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">嘉欣公寓12幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140207.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">物美公寓24幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140154.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">富华公寓24幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140238.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">华聚公寓247幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140154.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">众庄公寓74幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140142.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">戈雅公寓4幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
				<li>
					<div class="box1-1"><img src="img/2017-09-13_140207.jpg" alt="" /></div>
					<div class="box1-2">
						<ul>
							<li><p class="box-p1">绯色寓18幢</p></li>
							<li>
								<p class="box-p2">泥木工程</p>
							</li>
							<li>
								<p class="pa">三室</p>						
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;60-90m²</p>
								<p class="pa">&nbsp;&nbsp;&nbsp;&nbsp;<span class="iconfont icon-location"></span>10km</p>
							</li>
						</ul>
					</div>					
				</li>
				<hr color="#f4f4f4"/>
				<!---->
			</ul>
		</div>
		<!---->
		<div class="box2">
			<button class="but1">上一页</button>
			<button class="but2">1/30</button>
			<button class="but1">下一页</button>
		</div>
		<!---->
		<footer>
			<div><p class="iconfont icon-hot-line" style="font-size: 1.4rem;"></p><span> &nbsp;服务热线：400-9977-658</span></div>
			<ul>
				<li style="color:#39C893;">触屏版</li>
				<li>电脑版</li>
				<li>关于我们</li>
				<li>联系我们</li>
			</ul>
			<p class="iconfont icon-top pp" style="font-size: 1.5rem;color: #999;"></p>
		</footer>
		<!---->
	</body>
	
	<script>
		$(".pp").click(function(){
			$(document.body).stop().animate({"scrollTop":0});
		})
	</script>
</html>
